<div class="section-title" ng-click="togglePanel('machineStatusPlus',$event);">
    <i class="material-icons close">remove</i>
    <i class="material-icons open">add</i>
    <label class="title-name" ng-bind="'dashboard.machineStatusPlus.title' | translate"></label>
    <!--<label>{{' - '+dashboard.machineStatusPlus.selectMachine.machine_display}}</label>-->
    <div class="kmi-can-click"></div>
    <div style="z-index:1;display: flex;padding-right: 2px;">
        <button class="mdl-button mdl-js-button mdl-button--icon kmi-button--icon" ng-click="loadMyFavorites($event);"
            style="width:24px;height:24px;margin-right:6px;border-radius: 4px;">
            <i class="material-icons" style="font-size:20px;">&#xE87D;</i>
        </button>
    </div>
    <!--
    <div style="position: absolute; right: 8px;top: 2px;font-size: 20px;font-weight: normal;">
        <div class="kmi-button kmi-button-confrim"  ng-click="loadMyFavorites($event);" style="width:100px;background:white;color:gray">
            <label ng-bind="'dashboard.machineStatusPlus.favorites' | translate"></label>
            <div class="kmi-can-click"></div>
        </div>
        </div>
    <div>
    -->
    <!--</div>-->
</div>
<div class="section-content">
    <div class="kmi-list column-selector column-split" column-selector-id="machineList" kmi-scrollbar>
        <div class="kmi-list__header">
            <div class="kmi-list__column require width-fixed" style="flex:0 0 40px;">
                <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="machineSelectAll();">
                    <img ng-if="!dashboard.machineStatusPlus.selectAll" src="image/icons/check0.png"></img>
                    <img ng-if="dashboard.machineStatusPlus.selectAll" src="image/icons/check1.png"></img>
                </button>
            </div>
            <div class="kmi-list__column width-fixed" style="flex:0 0 28px;" column-name="{{'dashboard.machineStatusPlus.machine_status' | translate}}"></div>
            <div class="kmi-list__column head-controls require" style="flex:1;min-width:110px;">
                <div class="order" ng-hide="machine_no_filter">
                    <i class="material-icons search" style="z-index:1;" ng-click="machine_no_filter = true">search</i>
                    <label ng-bind="'dashboard.machineStatusPlus.machine_no' | translate"></label>
                    <i class="material-icons">{{!machine_no_oderBy?'&#xE5D8;':'&#xE5DB;'}}</i>
                    <div class="kmi-can-click" ng-click="machine_no_oderBy = !machine_no_oderBy"></div>
                </div>
                <div class="filter" ng-show="machine_no_filter">
                    <input ng-model="machine_no_filter_s">
                    <i class="material-icons clear" style="position: absolute;top: 2px;right: 0px;" ng-show="machine_no_filter"
                        ng-click="machine_no_filter = false;machine_no_filter_s=''">clear</i>
                </div>
            </div>
            <div class="kmi-list__column" style="flex:0 0 32px;" ng-show="dashboard.machineStatusPlus.mode != 'B0215'" column-name="{{'dashboard.machineStatusPlus.employee_status' | translate}}"></div>
            <div class="kmi-list__column" style="flex:0 0 50px;" ng-show="dashboard.machineStatusPlus.mode == 'B0215'"  column-name="{{'dashboard.machineStatusPlus.employee_list' | translate}}"></div>
            <div class="kmi-list__column" style="flex:0 0 50px;" column-name="{{'dashboard.machineStatusPlus.machine_qc_count' | translate}}"></div>
            <div class="kmi-list__column" style="flex:0 0 50px;" ng-show="showMaintainOrder()" column-name="{{'dashboard.machineStatusPlus.maintain_order' | translate}}"></div>
            <div class="kmi-list__column" style="flex:0 0 60px" ng-bind="'dashboard.machineStatusPlus.accomplish_rate' | translate"></div>
            <div class="kmi-list__column" style="flex:0 0 60px" ng-bind="'dashboard.machineStatusPlus.good_rate' | translate"></div>
            <div class="kmi-list__column" style="flex:1;" ng-bind="'dashboard.machineStatusPlus.defect_qty' | translate"></div>
        </div>
        <div class="kmi-list__row-content">
            <div class="kmi-list__row" ng-class="{'is-select':machineItem.machine_no == machine.machine_no}"
                ng-repeat="machine in dashboard['machineStatusPlus'].machineList | filter : { machine_display : machine_no_filter_s } | orderBy : 'machine_no' : machine_no_oderBy track by $index">
                <div class="kmi-list__column" style="flex:0 0 40px;z-index:1;position: relative;">
                    <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="machineSelect($event, $index,machine);">
                      <img ng-if="!dashboard['machineStatusPlus'].machineStatus[machine.machine_no].isSelect" src="image/icons/check0.png"></img>
                      <img ng-if="dashboard['machineStatusPlus'].machineStatus[machine.machine_no].isSelect" src="image/icons/check1.png"></img>
                    </button>
                </div>
                <div class="kmi-list__column" style="flex:0 0 28px;padding:0px;">
                    <div class="dashboard-light-panel" ng-class="[machineStatus(machine.machine_status)]">
                        {{('common.machine.status.'+ machine.machine_status | translate).substr(0, 1)}}
                    </div>
                </div>
                <div class="kmi-list__column column-border" style="flex:1;min-width:110px;"
                     ng-bind="machine.machine_display"></div>
                <!-- 20170425 調整是否上工只會在B0214顯示 -->
                <div class="kmi-list__column column-button" style="flex:0 0 32px;z-index:1;"
                    ng-show="dashboard.machineStatusPlus.mode != 'B0215'" ng-click="workSet($event, machine);">
                     <i class="material-icons" style="font-size:24px;" ng-show="onMachineUser(machine)">how_to_reg</i>
                     <i class="material-icons" style="font-size:24px;" ng-hide="onMachineUser(machine)">person</i>
                </div>
                <!-- 上工人員 -->
                <div class="kmi-list__column column-button" style="flex:0 0 50px;z-index:1;"
                     ng-show="dashboard.machineStatusPlus.mode == 'B0215'" ng-click="workSet($event,machine);">
                     <i class="material-icons" style="font-size:24px;" ng-show="machine.employee_work_detail.length>0">how_to_reg</i>
                     <i class="material-icons" style="font-size:24px;" ng-hide="machine.employee_work_detail.length>0">person</i>
                     <div ng-bind="machine.employee_work_detail.length"></div>
                </div>
                <!--機台今日點檢次數-->
                <div class="kmi-list__column column-button" ng-class="{'column-border': !showMaintainOrder()}" style="flex:0 0 50px;" >
                    <i class="material-icons">playlist_add_check</i>
                    <div ng-bind="machine.machine_qc_count"></div>
                </div>
                <!-- 保養單 -->
                <div class="kmi-list__column column-border column-button" style="flex:0 0 50px;" ng-if="showMaintainOrder();">
                    <i class="material-icons">build</i>
                    <div ng-bind="machine.require_maintain || 0"></div>
                </div>
                <div class="kmi-list__column column-border" style="flex:0 0 60px;"
                     ng-bind="machine.accomplish_rate + '%'"></div>
                <div class="kmi-list__column column-border" style="flex:0 0 60px;"
                     ng-bind="machine.good_rate + '%'"></div>
                <div class="kmi-list__column" style="flex:1;"
                     ng-bind="machine.defect_qty"></div>
                <!-- <div class="kmi-can-click"></div> -->
                <div class="kmi-can-click" ng-click="changeMachine(machine);"></div>
            </div>
        </div>
    </div>
</div>
